// 导入vue文件
import Vue from 'vue'
// 导入vue-router文件
import VueRouter from 'vue-router'

// 1.准备组件
// 导入了home组件
import Home from '../views/Home.vue'
import About from '../views/About.vue';
import Cart from '../views/Cart.vue'
// Vue.use("插件名",{配置项})  vue使用插件的方法
Vue.use(VueRouter) //vue使用路由插件
    // 2准备路由配置项
const routes = [{
            path: '/',
            name: 'Home',
            component: Home
        },
        {
            path: '/about',
            name: 'About',
            component: About
        }, {
            path: '/cart',
            name: "Cart",
            component: Cart
        }
    ]
    // 创建路由对象
const router = new VueRouter({
        mode: 'history', //vue的路由模式  history历史模式 hash哈希模式
        base: process.env.BASE_URL, //基本路由 process.env.BASE_URL 当前环境的基本路径
        routes
    })
    // 默认导出路由
export default router